<template>
  <div class="img-container">
      <img  :src="avaterurl" :alt="name+'的头像'">
      
  </div>
  <div class="name">
      {{name}}的博客
  </div>
  <div class="agph">
      {{autograph}}
  </div>
</template>

<script>
import avater from "../../assets/we.jpg"
export default {
    props:{
        name:{
            type:String,
            default:"xxxx"
        },
        avaterurl:{
            type:String,
            default:avater
        },
        autograph:{
            type:String,
            default:"这人很懒，啥都没写"
        }
    }

}
</script>

<style lang="less" scoped>
.agph,.name,.img-container{
     width: 100%;
     text-align: center;
      padding: 5px;
}
.img-container{
    height: 200px;
    box-sizing: border-box;
   
    img{
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }
}
.name{
    height: 20px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
}
.agph{
    height: 20px;
    color:grey;
}
</style>